<div class="footer">
    <div class="footer-bottom">
        <img src="{{ asset('image/foot-logo-crys.png') }}" class="foot-logo">
        <p class="bq">版权所有@北京益品天成科技有限公司 <a href="https://wap.miit.gov.cn/" style="color: #fff">京ICP备2022025163号</a></p>
        <a href="https://crys.1pintc.com/wap/configs/user/agreement" class="yhxy">《用户协议》</a>
        <p class="he">和</p> 
        <a href="https://crys.1pintc.com/wap/configs/user/privacy">《隐私协议》</a>
        <img src="{{ asset('image/foot-anzhuo.png') }}" class="foot-tb foot-tb-anzhuo">
        <img src="{{ asset('image/foot-ios.png') }}" class="foot-tb foot-tb-ios">
    </div>
</div>
<style>
    .footer{
        width: 100%;
        height: 132px;
        background-color: rgb(42,55,89);
        overflow: hidden;
    }
    .foot-logo{
        float: left;
        margin-top: 41px;
        width: 170px;
        height: 53px;
    }
    .footer-bottom{

        width: 1500px;
         height: 132px;
         margin: 0 auto;
    }
    
    .bq{
        color: #fff;
        margin-top: 56px;
        font-size: 17px;
        margin-left: 29px;
        float: left;
    }
    .yhxy{
        margin-left: 40px;
    }
    .he{
        float: left;
        margin-top: 56px;
        color: #fff;
        margin-left: 18px;
        margin-right: 18px;

    }
    .footer-bottom >a{

        float: left;
        margin-top: 56px;
        color: #fff;
        text-decoration: none;
    }
    .foot-tb{
        float: left;
        margin-top: 36px;
    }
    .foot-tb-anzhuo{

        margin-left: 35px;
    }
     .foot-tb-ios{

        margin-left: 19px;
    }
    
</style>
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal',
         loop: true,
        // 如果需要分页器
         pagination: '.swiper-pagination',
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev', 
        // 如果需要滚动条
        scrollbar: '.swiper-scrollbar',
     })    
</script>